草庐IT

jQuery UI 实例 - 部件库(Widget Factory)

全部标签

javascript - 如何迭代 ES6/2015 类实例的属性

给定这两个类classFoo{f1;getf2(){return"a";}}classBarextendsFoo{b1;getb2(){return"a";}}letbar=newBar();什么代码可以从bar实例中获取这个属性列表?['f1','f2','b1','b2']HereisaBabelsample更新这应该是@MarcC的回答的一部分:使用装饰器,我可以轻松地将不可枚举的属性转换为可枚举的属性:classBarextendsFoo{@enumerable()getb2(){return"a";}}这是装饰器源代码:functionenumerable(){returnf

javascript - 如何在 jqueryui datepicker 中禁用回车键

我正在使用jQueryUI日期选择器,当用户单击文本框并按下回车键时,当前日期将被填充。我想避免这种情况。我试过这个:$('#datepicker').on('keypress',function(e){if(e.which==13){e.preventDefault();e.stopPropagation();returnfalse;}});运气不好这是演示https://jsfiddle.net/shalini456/zwjzo175/的链接 最佳答案 试试这个:$("#datepicker").keydown(myfuncti

javascript - 如何导出 ES6 类并在另一个模块中构造它的实例?

使用Node.js版本7.7.2,我想从这样的模块中定义和导出ES6类://Foo.jsclassFoo{construct(){this.bar='bar';}}module.exports=Foo;然后将该类导入另一个模块并构造该类的实例,如下所示://Bar.jsrequire('./foo');varfoo=newFoo();varfooBar=foo.bar;但是,这种语法不起作用。我尝试做的事情是否可行?如果可行,实现此目标的正确语法是什么?谢谢。 最佳答案 您必须为此使用常规Node模块语法。您的示例代码中有一些错误。

javascript - 通过变量动态实例化一个类

如何通过输入变量名来实例化一个类?在一个类中考虑这个方法:animate:function(el,build){console.log(build.effect);varanimationClass=newbuild.effect(el,build);},Build是一个包含很多东西的对象,但最重要的是“影响”。这个效果是一个独立动画类的名字——一个叫做“MarioKartMenu”。console.log(build.effect)打印出“MarioKartMenu”。但我当然得到:TypeError:表达式'build.effect'[MarioKartMenu]的结果不是构造函数

具有拖放重新排序功能的 Javascript 选项卡小部件

您知Prop有内置拖放重新排序功能的选项卡小部件吗?我正在构建类似编辑器的界面,并希望允许用户重新排序他们的选项卡。到目前为止,我一直在使用ExtJS和communityplugin,但它有很多问题,通常需要在每个新的ExtJS版本中更新。 最佳答案 是somethinglikethis你在找什么?如果我想做你现在做的事,我肯定会使用jQuery和jQueryUI作为基础。围绕jQuery的可靠支持结构和丰富的教程是无与伦比的!当然,这是在您不介意另一个javascript框架的重量或不必重新编码您的某些界面的情况下。稍微有点切线,

javascript - 有没有办法从元素中获取 SlickGrid 的实例

刚开始使用SlickGrid而且它似乎不像普通的jquery小部件/插件那样自行启动,您只需执行$(element).slickgrid()即可访问附加到元素的实例。有没有一种方法可以获取现有实例,而无需在创建它时明显地持有它?查看代码似乎不是这样,但不确定是否有其他人遇到过这个问题。不确定为什么他们依赖于jquery但决定进行自定义初始化。可以像将它包装在一个jqueryui小部件中一样简单。 最佳答案 您始终可以使用jQuery的数据函数来保存对光滑网格实例的引用。例如:vargrid=newSlick.Grid(contain

javascript - 在不涉及输入字段的情况下,在按下按钮时显示 jQueryUI 日期选择器

在ASP.NET项目中,我正在寻找一种方法,当我按下按钮时出现jQueryUI日期选择器,然后在选择日期时引起回发。我已经使用thismethod使回发部分正常工作,但我无法让选择器在我想要的时候离开,或者在选择日期时正常运行。我试过:将选择器附加到按钮本身,但它会在我选择之后和回发发生之前将按钮的文本设置为所选日期,这是我不想要的。将选择器附加到按钮并设置altField的选项它位于浏览器窗口之外,但它仍会在选择日期时设置按钮的文本。通过将其附加到div使其内联并在onclick中创建它的按钮。但是根据thisforumpost,内联日期选择器的设计不显示“完成”按钮,我无法通过单击

javascript - 如何禁用 dijit.form.NumberSpinner 小部件上的鼠标滚轮事件?

我在基于dojo的应用程序中使用了一些dijit.form.NumberSpinner小部件,所有这些小部件都连接到onChange操作。当一个区域有很多NumberSpinner时会出现问题:用户滚动页面并在使用鼠标滚轮滚动时意外地用意外值填充NumberSpinner字段遍布整个地区。是否可以通过某种方式禁用dijit.form.NumberSpinner小部件上的鼠标滚轮事件? 最佳答案 如果您永远不需要它,并且您可以访问dojo源代码并且能够进行自己的构建,请在dijit/form/_Spinner.js上注释这一行:pos

javascript - 在 JQueryUI 小部件的 QUnit 测试中测试可见性

这对其他人来说可能很明显,但我没有通过搜索找到它,所以在这里发布问题和一个可能的答案。背景:自定义JQueryUI小部件使用widgetfactory在小部件中,某些元素会根据其他数据/选项隐藏或显示。创建单元测试以验证它们是否正确显示/隐藏。我认为我的单元测试都可以在内存中创建自己的元素,类似于thisoldanswer.从这个例子中删除了实际的小部件部分:test('show/hide',1,function(){varsomecondition=true;vardiv=$('').hide();if(somecondition)div.show();equal(somecondi

javascript - 使用 RequireJS 加载时 Angular 无法实例化模块

当我将RequireJS与AngularJS一起使用时,确实发生了一些奇怪的事情。我设法通过RequireJS加载了我所有的Angular依赖项。当我在Chrome的开发人员工具中打开“源”Pane时,我可以看到这些脚本已下载。但是Angular一直在控制台中抛出错误,指出它未能实例化模块:UncaughtError:[$injector:modulerr]FailedtoinstantiatemoduleMyTestAppdueto:Error:[$injector:nomod]Module'MyTestApp'isnotavailable!Youeithermisspelledth